<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>堆叠顺序</title>
        <!-- 这里故意没有使用 link 链接外部样式文件 -->
        <style type="text/css">
            /* 而是使用了 import 来导入外部样式文件 */
            @import url("z-index.css");
            /* 在 import 之后还可以书写其它样式 */
        </style>
    </head>
    <body>

        <div class="first">
            <div class="progress"></div>
            <div class="percent">25%</div>
        </div>

        <div class="second">
            <ul>
                <li class="menu">
                    川菜
                    <ul>
                        <li>红烧茄子</li>
                        <li>蒜苔回锅肉</li>
                        <li>青椒盐煎肉</li>
                    </ul>
                </li>
                <li class="menu">
                    其他
                    <ul>
                        <li>小鸡炖蘑菇</li>
                        <li>萝卜炖牛肉</li>
                        <li>铁锅炖大鹅</li>
                    </ul>
                </li>
            </ul>
        </div>

        <div class="third">
            <div class="category-list">
                <ul>
                    <li class="category">
                        <a>
                            <span>手机</span>
                            <span>&gt;</span>
                        </a>
                        <div class="subcategory">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </li>
                    <li class="category">
                        <a>
                            <span>手机</span>
                            <span>&gt;</span>
                        </a>
                        <div class="subcategory">
                            
                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </body>
</html>